{% extends 'index.twig' %}

{% block extraHead %}
<style>
#content a:link, #content a:visited {
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: #98bf21;
    width: 240px;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
}

#content a:hover, #content a:active {
    background-color: #7A991A;
}

#content a.otr:link, #content a.otr:visited {
    background-color: #3399CC;
}
#content a.otr:hover, #content a.otr:active {
    background-color: #3366CC;
}
</style>
{% endblock %}

{% block content %}

<!-- Main Wrapper -->
			<div id="main-wrapper">

				<!-- Wide Content -->
					<section id="content" class="container">
						<h2 style="padding-bottom: 10px;">New Zealand Law Society useful links</h2>
						{% set data = app.generic.modelData('Userful links') %}
						{% for itm in data['_data'] %}
							<a title="{{ itm.title }}" href="{{ itm.link }}" target="_blank">
								<i class="fa fa-external-link fa-1.5x"></i><br>
								{{ itm.title }}
							</a>
						{% endfor %}
						<div style="clear: both;">&nbsp;</div>
						<h2 style="padding-bottom: 10px;">Other Useful Government Links</h2>
						{% set data = app.generic.modelData('Other links') %}
						{% for itm in data['_data'] %}
							<a class="otr" title="{{ itm.title }}" class="lk" href="{{ itm.link }}" target="_blank">
								<i class="fa fa-external-link fa-1.5x"></i><br>
								{{ itm.title }}
							</a>
						{% endfor %}
					</section>
			</div>

{% endblock %}
